const path = require('path')
const HtmlWebPackPlugin = require('html-webpack-plugin')//导入在内存中自动生成index页面的插件

//创建一个插件的实例对象

const htmlPlugin = new HtmlWebPackPlugin({
    template: path.join(__dirname,'./src/index.html'),//源文件
    filename: 'index.html'//生成内存中首页的名称
})

//向外暴露一个大包的配置对象；node语法
//webpack默认只打包。js后缀，无法主动打包.png .vue等；所以要配置第三方的loader；
module.exports = {
    mode: 'development', // development开发模式  production压缩模式
    //在webpack4中，有一个特性，就是约定大于配置
    //打包的入口文件时src-index.js
    //打包的输出文件是dist->main.js
    plugins: [
        htmlPlugin
    ],
    module: {//所有第三方 模块的配置规则
        rules: [
            {test: /\.js|jsx$/, use: "babel-loader", exclude: /node_modules/}, //千万不要忘记添加exclude排除项
        ]
    }
}

